$btn_orange-bg-color:#FF6600;
@import "../mixins/colors-business";

.weui-btn_orange,
.weui-btn_warning{
  background-color: $btn_orange-bg-color;
  &:not(.weui-btn_disabled):visited {
    color: #fff
  }
  &:not(.weui-btn_disabled):active {
    color: hsla(0,0%,100%,.6);
    background-color: darken($btn_orange-bg-color, 5%)
  }
}
.weui-btn_turquoise{
  background-color: $btn_turquoise-bg-color;
  &:not(.weui-btn_disabled):visited {
    color: #fff
  }
  &:not(.weui-btn_disabled):active {
    color: hsla(0,0%,100%,.6);
    background-color: darken($btn_turquoise-bg-color, 5%)
  }
}
.m-btn-link{
  &.m-btn-orange{
    color:$btn_orange-bg-color;
  }
  &.m-btn-orange:active{
    color: darken($btn_orange-bg-color,5%);
  }
  &.m-btn-turquoise{
    color:$btn_turquoise-bg-color;
  }
  &.m-btn-turquoise:active{
    color: darken($btn_turquoise-bg-color,5%);
  }
}
.weui-btn_link{
  &.weui-btn_orange:not(.weui-btn_disabled){
    color:$btn_orange-bg-color;
    background-color:#fff;
    &:after {
      border-color:$btn_orange-bg-color;
    }
  }
  &.weui-btn_orange:not(.weui-btn_disabled):active{
    color: darken($btn_orange-bg-color,5%);
    background-color:darken(#fff,5%);
    &:after {
      border-color:darken($btn_orange-bg-color,5%);
    }
  }
  &.weui-btn_turquoise:not(.weui-btn_disabled){
    color:$btn_turquoise-bg-color;
    background-color:#fff;
    &:after {
      border-color:$btn_turquoise-bg-color;
    }
  }
  &.weui-btn_turquoise:not(.weui-btn_disabled):active{
    color: darken($btn_turquoise-bg-color,5%);
    background-color:darken(#fff,5%);
    &:after {
      border-color:darken($btn_turquoise-bg-color,5%);
    }
  }
}
.weui-btn_plain-orange {
  color: $btn_orange-bg-color;
  border: 1px solid $btn_orange-bg-color;
  &:not(.weui-btn_plain-disabled):active {
    color:darken($btn_orange-bg-color,5%);
    border-color: darken($btn_orange-bg-color,5%);
  }
  &:after {
    border-width: 0;
  }
  &.active{
    color:#fff;
    border: 1px solid $btn_orange-bg-color;
    background-color:$btn_orange-bg-color;
    &:not(.weui-btn_plain-disabled):active {
      color:#fff;
      background-color:darken($btn_orange-bg-color,5%);
      border-color: darken($btn_orange-bg-color,5%);
    }
  }
}
.weui-btn_disabled {
  @at-root a.weui-btn_disabled{pointer-events: none;}
  &.weui-btn_orange {
    //color: @weuiBtnDefaultDisabledFontColor;
    background-color: lighten($btn_orange-bg-color,20%);
  }
  &.weui-vcode-btn{
    color:#999;
    background-color:#E5E5E5;
  }
}
/*平台按钮*/
$btn-menu:3rem;
.m-btn-comment,
.m-btn-award,
.m-btn-letter,
.m-btn-tel,
.m-btn-personal{
  display:block;

  position: fixed;
  color:#fff;
  bottom:5%;
  font-size:0;
  width:$btn-menu;
  height:$btn-menu;
  border-radius: 50%;
  background-color:#FF6600;
  text-align: center;
  img{
    width:100%;
    height:100%;
  }
  &:active {
    opacity: .7;
  }
  span{
    display:block;
    font-size: 12px;
    line-height: 1;
    color:rgba(255,255,255,.9);
  }
  i{
    display:inline-block;
    font-size:1rem;
    line-height: 1;
    margin:{
      top:.4rem;
      bottom:.15rem;
    }
  }
}
.m-btn-personal,
.m-btn-tel,
.m-btn-comment,
.m-btn-award,
.m-btn-letter{
  z-index:10;
}
.m-btn-tel{
  left:5%;
}
.m-btn-personal{
  right:5%;
}
.m-btn-comment{
  left:5%;
}
.m-btn-award{
  left:50%;
  margin-left:- $btn-menu/2;
}
.m-btn-letter{
  right:5%;
}
.m-btn-shadow{
  box-shadow: .1rem .1rem .6rem 1px rgba(0,0,0,.3);
}
.m-btn-file{
  label{
    display:block;
    width:100%;
    height:100%;
  }
  input[type='file']{
    position: absolute;
    width:100%;
    height:100%;
    font-size:300rem;
    overflow: hidden;
    right:0;
    top:0;
    opacity: 0;
    cursor: pointer;
    z-index: 99;
  }
}
.container, .page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

}
.page {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  z-index: 1
}